body{
  margin: 0;
  width:100%;
  height: 100%;
  background-image:url(bg/carverbg.jpg);
}

.retour a{
  position: relative;
  left: 302px;
  top: -900px;
  width: 20px;
  height: 20px;
  text-decoration: none;
  color: white;
  padding-top: 30px;
  font-family: 'Fredoka One', cursive;
  font-size: 130px;
}

.retour a:hover{
  opacity: 50%;
  transition: 1s;
}

.blackt{
  position: relative;
  height: 500px;
  background-color: black;
  opacity: 80%;
}


.carver img {
  opacity: 50%;
}

.carver {
  position: relative;
  top: -370px;
  display: flex;
  justify-content: flex-end;
  padding-right: 200px;
}


.nav {
  position: relative;
  top: -540px;
  padding-left: 160px;
	width: 3000px;
  height: 200px;
  display: flex;
  justify-content: space-around;
}

.nav a {
	text-decoration: none;
	color: white;
	outline: none;
	padding-top: 30px;
	font-family: 'Fredoka One', cursive;
	text-transform: uppercase;
	letter-spacing: .4px;
	font-size: 90px;
}

.nav a:hover {
	opacity: 50%;
	transition: .7s;
}

.nav p{
  position: relative;
  color: white;
  top: -58px;
  font-family: 'Fredoka One', cursive;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 90px;
  opacity: 50%;
}

.content{
  height: 500px;
  width: 700px;
}

.carvertitle{
  position: relative;
  width: 3000px;
  height: 700px;
  display: flex;
  justify-content: space-around;
}


.carvertitle h1{
  position: relative;
  top: -210px;
  left: 3100px;
  color: white;
  font-family: 'Caveat Brush', cursive;
  text-transform: uppercase;
  font-size: 250px;
}

.textcarver{
  position: relative;
  width: 1200px;
  left: 3365px;
}

.textcarver p{
  position: relative;
  top: -230px;
  left: 645px;
  color: white;
  font-family: 'Nunito', sans-serif;
  font-size: 60px;
  text-align: justify;
}

::-webkit-scrollbar {
display: none;
}

.container {
scrollbar-width: none;
background-color: inherit;
width: 500px;
height: 600px;
overflow-y: scroll;
}